body{background-color: #F4F4F4;}
a{text-decoration: none;}
a:hover{color: #dc3545;}
.link-dark:hover{color: #dc3545!important;}
.font-sm{font-size: 12px;}

header{width: 100%;background-color: white;z-index: 120;}
header nav{width: 480px;}
header nav a.nav-link{font-size: 16px;}
header nav a.nav-link.active{color: #ff2832!important;border-bottom: 3px solid;font-weight: bold;}
header .kefutel{background: url(images/kefu-icon.png) no-repeat;background-position: 6px 4px; background-size: 20px 20px;padding-left: 30px;}
header .header-search .input-group{width: 300px;}
header .header-search input{z-index: 1;}
header .header-search button{margin-left: -90px!important;z-index: 10!important;}
footer{width: 100%;background: url('images/footer-bg.png') top center no-repeat;}
footer .copyright{background-color: #001337;color: #aac5f5;font-size: 14px;padding: 12px;}
footer .copyright a{color: #aac5f5;text-decoration: none;}
footer .footer-nav{}
footer .footer-nav a{color: white; text-decoration: none;margin-right: 10px;}
footer .footer-tel{font-size: 20px;color: white;}
footer .font-sm,footer .font-sm a{font-size: 12px;color: #aac5f5;}

main .carousel .carousel-indicators button{width: 50px;height: 10px;border-radius: 5px;border: none;}
main .advantage-item{}
.advantage-item h6{font-size: 17px;color: #000000;text-align: center;margin-top: 10px;font-weight: 600;}
.advantage-item p{font-size: 15px;color: #5a5a5a;text-align: center;}
.advantage-item .advantage-icon{width: 70px;height: 70px;border-radius: 35px;overflow: hidden;background-size: 70px 70px; background-repeat: no-repeat;margin: 0 auto;}
.advantage-icon.advantage-icon-1{background-image: url(images/advantage-icon-1.png); }
.advantage-icon.advantage-icon-2{background-image: url(images/advantage-icon-2.png); }
.advantage-icon.advantage-icon-3{background-image: url(images/advantage-icon-3.png); }
.advantage-icon.advantage-icon-4{background-image: url(images/advantage-icon-4.png); }
.advantage-icon.advantage-icon-5{background-image: url(images/advantage-icon-5.png); }
.advantage-icon.advantage-icon-6{background-image: url(images/advantage-icon-6.png); }
.guide-title{position: relative;width: 180px;height: 45px;font-size: 28px;font-weight: 700;text-align: center;line-height: 45px;padding: 0 30px;margin: 0 auto 20px;overflow: hidden;color: #333;}
.guide-title:after,.guide-title:before {background-image: url('images/sprite.png');    width: 25px;    height: 20px;content: "";    position: absolute;    top: 50%;    margin-top: -10px}
.guide-title:before {    background-position: 0 0;    left: 0}
.guide-title:after {background-position: -25px 0;    right: 0}
.teacher-floor .teacher-floor-nav h3{font-size: 20px;font-weight:bold;margin-bottom: 0;}
.teacher-card{width: 47%;margin: 10px 5px;border: 0!important;}
.teacher-card .teacher-card-thumb{height: 220px;overflow: hidden;}
.teacher-card h5{height: 30px;line-height: 30px;margin-bottom: 0;}
.teacher-card .city-icon{padding-left: 22px;background: url('images/icon-city.png') left center no-repeat;background-size: 18px 18px;height: 30px;line-height: 30px;color: #333;font-size: 15px;}
.teacher-card .teacher-major{font-size: 0.8rem;}
.teacher-card .card-text{max-height:60px;overflow: hidden;}
.teacher-card .domain-badge{color: #dc3545;border:1px solid #dc3545;padding: 1px 6px;font-size: 12px;border-radius: 50rem;display: inline-block;margin-bottom: 5px;margin-right: 5px;}
.teacher-card .domain-badge:hover{background-color: #dc3545;color: white;}
.course-card{background-color: white;border-radius: 0.375rem;}
.course-card h4{font-size: 17px;font-weight: bold;padding-left: 20px;padding-top: 16px; margin-bottom: 0;}
.course-card a{color: black;font-size: 14px;}
.teacher-floor-guide{position: fixed;top: -50px;z-index: 100;width: 100%;background-color: white;}
.teacher-floor-guide .guide-nav{list-style: none;margin-bottom: 0;padding: 10px 0;}
.teacher-floor-guide .guide-nav li{height: 30px;line-height: 30px;}
.teacher-floor-guide .guide-nav a{font-size: 17px;font-weight: bold;color: #333;position: relative;}
.teacher-floor-guide .guide-nav a.ative{font-size: 18px;color: #DE3E3E;}
.teacher-floor-guide .guide-nav a.active:after{position: absolute;content: '';height: 4px;width: 50px;border-radius: 2px;bottom: -8px;background-color: #DE3E3E;left: 50%;margin-left: -25px;}


.domain-list ul{list-style: none;padding-left: 0;}
.domain-list ul li{display: inline-block;}
.domain-list a{color: black;}
.domain-list a:hover,.domain-list a.active{color: #DE3E3E;}

.teacher-box{display:flex;flex-wrap: wrap;}
.teacher-box .teacher-item{width:47%;height: 340px; margin: 10px 5px;}
.teacher-box .teacher-item .teacher-domains{max-height:68px;overflow:hidden;}
.teacher-box .teacher-item .teacher-name{font-size: 18px;font-weight: 700;}
.teacher-box .teacher-item .teacher-major{font-size: 0.8rem;}
.teacher-box .teacher-item .teacher-item-city{font-size: 14px;padding-left: 22px;background: url('images/icon-city.png') left center no-repeat;background-size: 18px 18px;height: 30px;line-height: 30px;}
.teacher-box .teacher-item .teacher-item-thumb{height: 250px;overflow: hidden;}
.teacher-box .teacher-item .domain-badge{color: #dc3545;border:1px solid #dc3545;padding: 1px 5px;font-size: 12px;border-radius: 50rem;display: inline-block;margin-bottom: 5px;}
.teacher-box .teacher-item .domain-badge:hover{background-color: #dc3545;color: white;}

.pagination a.page-link{color: black;}
.pagination .active>.page-link,.pagination .page-link.active{background-color:#DE3E3E;border-color: #DE3E3E;}

.teacher-header{width: 100%;background:#0a172a;}
.teacher-header .teacher-nav-bg{position: absolute;z-index: 1; bottom: 0;height: 50px;width: 100%; background: rgba(0,0,0,.29);}
.teacher-header .teacher-nav{height: 50px;}
.teacher-header .teacher-nav ul{list-style: none;margin-bottom: 0!important;padding-left: 0!important;text-align:center;}
.teacher-header .teacher-nav ul li{display: inline-block;height: 40px;line-height: 40px;margin: 0 5px;position: relative;}
.teacher-header .teacher-nav ul li a{color: white;font-size: 16px;}
.teacher-header .teacher-nav ul li.active::after{position: absolute;content: ''; height: 4px;border-radius: 2px;background-color: white;width: 50px;left: 50%;margin-left: -25px; bottom: 0;}
.teacher-header .teacher-nav ul li a:hover{color: #e7af19;}
.teacher-header .teacher-info{margin:0 auto;position: relative; z-index:5;}
.teacher-header .teacher-avatar{width: 220px;height: 250px;border: 4px solid white;overflow: hidden;margin: 0 auto;}
.teacher-header .teacher-txt{overflow: hidden;padding-top: 10px;}

.teacher-header .teacher-name{font-size: 30px;color:white;font-weight: 700;line-height: 30px;text-align: center;}
.teacher-header .teacher-zhicheng{font-size: 20px;color:white;font-weight: 700;line-height: 30px;text-align: center;}
.teacher-header .teacher-domains{margin-top: 20px;}
.teacher-header .teacher-domains .domain-badge{color: #c8cbcf;border:1px solid #454d59;padding: 2px 8px;font-size: 12px;border-radius: 50rem;display: inline-block;margin-right: 8px;}
.teacher-header .teacher-domains .domain-badge:hover{border:1px solid white;}
.teacher-header .teacher-ext{margin-top: 20px;}
.teacher-header .teacher-ext .item-box{border:1px solid #454d59;padding:4px 6px;border-radius: 6px;display: inline-block;margin-right: 12px;}
.teacher-header .teacher-ext .item-box:hover{border:1px solid white;}
.teacher-header .teacher-ext .item-box h5{color: #a2a4a7;font-size: 12px;border-bottom: 1px solid #454d59;height: 24px;line-height: 24px;}
.teacher-header .teacher-ext .item-box div{font-size: 13px;text-align: center;max-width: 200px;color: #c8cbcf;}
.teacher-header .teacher-ext .item-box div a{color: #c8cbcf;font-size: 13px;}
.teacher-header .teacher-auth .teacher-auth-year{width: 100px;background: url(images/icon-v-year.png) top center no-repeat;background-size: 50px 50px;}
.teacher-header .teacher-auth .teacher-auth-year b{display: block;height: 50px;line-height: 50px;text-align: center; font-size: 30px;color: white;}
.teacher-header .teacher-auth .teacher-auth-year span{display: block;padding-top: 10px; font-size:13px;color: white;text-align: center;}
.teacher-header .teacher-auth .teacher-auth-union{width: 100px;background: url(images/icon-v-union.png) top center no-repeat;padding-top: 60px;background-size: 50px 50px;}
.teacher-header .teacher-auth .teacher-auth-union span{display: block; font-size:13px;color: white;text-align: center;}

.teacher-intro{}
.teacher-intro h3{font-size: 18px;font-weight: bold;}
.intro_nav{margin-left: -22px;border-top: none!important;width: 350px!important;}
.intro_nav dl{position: relative;}
.intro_nav dl dt{padding-left: 22px;line-height: 26px;}
.intro_nav dl dt a{font-size: 16px;font-weight: 400;}
.intro_nav dl dd{padding-left: 42px;line-height: 26px;}
.intro_nav dl dd a{font-size: 14px;}
.intro_nav dl dd a.active,.intro_nav dl dt a.active{color: #ff2832;}
.intro_nav_arrow {    position: absolute;    z-index: 2;    top: 5px;    height: 0;
    width: 0;    border-top: 6px solid transparent;    border-left: 9px solid #ff2832;
    border-bottom: 6px solid transparent;    border-right: 0;    cursor: pointer;    color: #ff2832;
}
.teacher-right{}
.box-title{font-size: 18px;font-weight: bold;position: relative;padding-left: 10px;}
.box-title.intro-title{font-size: 20px;}
.box-title::after{position: absolute;left: 0;top: 4px;width: 4px;height: 18px;border-radius: 2px;content: '';background-color: #DE3E3E;}
.course-list{list-style: none;padding-left: 0;}
.course-list .course-thumb{border-radius: 0.375rem;width:30%;}
.course-list .course-txt{width:70%;padding-left:10px;}
.course-list .domain-badge{color: #dc3545;border:1px solid #dc3545;padding: 1px 6px;font-size: 12px;border-radius: 50rem;display: inline-block;margin-bottom: 5px;margin-right: 5px;}
.course-list .domain-badge:hover{background-color: #dc3545;color: white;}
.course-list .course-desc{overflow: hidden; font-size: 13px;   text-overflow: ellipsis;display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;white-space:normal;line-height: 24px !important;}
.breadcrumb li{font-size: 12px;}
.intro-box{overflow: hidden;}
.intro-box p img,.intro-box p img{width: auto;max-width: 90%;}
.intro-box ul,.intro-box ol{list-style: none;padding-left: 0;}
.intro-box h3{margin-top: 15px;}

.share-box span{display: block;width: 36px;height: 36px;border-radius: 36px;border: 1px solid #f0f0f0;margin-right: 6px;}
.share-box span.share-txt{line-height: 36px;width: auto;border: none;}
.share-box span:hover{border: 1px solid #d9d9d9;cursor: pointer;}
.share-box span.share-txt:hover{border: none;}
.share-box span.share-wechat{background-image: url('images/share-icon.png');background-position: -7px 41px;}
.share-box span.share-weibo{background-image: url('images/share-icon.png');background-position: -7px -9px;}
.share-box .wechat-qrcode{width: 200px;height: 200px;top: 40px;right: 0;padding: 15px;background-color: white;display:none;}
.course-doc a{display: block;height: 34px;width: 130px;font-size: 13px; padding-left: 32px;line-height: 34px;color: black;background: url(images/doc.png) no-repeat; background-position: 8px 6px; background-size: 22px 22px;border: 1px solid #f0f0f0;border-radius: 17px;}
.course-doc a:hover{border: 1px solid #d9d9d9;}
.train-box{}
.train-box .course-list .course-txt{padding-left: 10px;}
.train-right{height: auto;}
.bar-teacher-list{list-style: none;padding-left: 0;padding-top: 18px;}
.bar-teacher-list .teacher-item{margin: 0;margin-bottom: 20px;}
.bar-teacher-list .teacher-item-thumb{width: 35%;border-radius: 0.375px;}
.bar-teacher-list .teacher-item-body{width: 60%;}
.bar-teacher-list .teacher-name{font-weight: bold;}
.bar-teacher-list .teacher-item .teacher-item-city{font-size: 14px;padding-left: 22px;background: url('images/icon-city.png') left center no-repeat;background-size: 18px 18px;height: 30px;line-height: 30px;}

.rightBar{position:fixed; top:50%;margin-top: -20px; width: 46px;right: 50%;margin-right: -710px;z-index: 100;}
.rightBar .btn-light{display: block;width: 46px;height: 46px;text-align: center;line-height: 1.35;font-size: 14px;}
.rightBar .btn-light:hover,.rightBar .btn-light.active,.rightBar .btn-light:not(:disabled):not(.disabled).active{background-color: #ff2832;border-color: #ff2832;color: #ffffff;}
.rightBar .tel400{left: 150px;}
.rightBarTel{font-size: 16px;}

@media (min-width: 1320px){
    .minw{min-width: 1320px;}
    header{position: fixed!important;}
    main{margin-top: 110px;}
    .teacher-card{width: 190px;margin: 0 8px;}
    .course-card{width: 280px;}
    .home-picnews{width: 360px;}
    .home-news{width: 470px;margin: 0 10px;}
    .home-article{width: 470px;}
    .teacher-header {height: 300px;position: relative;background:url('images/teacher-header.png') bottom center no-repeat;margin-top: 90px;margin-bottom: -110px;}
    .teacher-header .teacher-info{width:1260px;top: 50px;}
    .teacher-header .teacher-txt{width:1020px;}
    .teacher-header .teacher-name,.teacher-header .teacher-zhicheng{text-align:left;}
    .teacher-header .teacher-txt .info-box{height: 185px;overflow: hidden;}
    .teacher-header .teacher-nav ul{text-align:left;}
    .intro-box .article-detail p{text-indent: 2rem;}
    .course-list .course-thumb{width: 260px;height: auto;max-height: 160px;overflow: hidden;}
    .course-list .course-txt{width: 680px;padding-left: 18px;padding-top: 8px;}
    .bar-teacher-list .teacher-item-thumb{width: 100px;height: 120px;}
    .bar-teacher-list .teacher-item-body{width: 165px;}
    .teacher-box .teacher-item{width:236px;height: 400px; margin: 10px 14px;}
}